<template>
  <div class="c-select-list" ref="list">
    <div
      ref="item"
      class="c-select-item"
      v-for="(option,index) in options"
      :key="`sel-item-${index}`"
      :data-index="index"
      @click="handlerClick(index)"
    >{{option.name}}</div>
  </div>
</template>

<script>
export default {
  name: "data-v-option",
  props: ["options"],
  methods:{
    handlerClick(index){
      this.$emit('selected', index);
    }
  }
};
</script>

<style>
</style>